<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="wb/css/mui.min.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>教师详情页</title>
	<style>
		body{
			background: #f3f3f3;
		}
	</style>
</head>
<body>
	<header class="myheader-words">
		<a href="javascript:void(0)" onclick="javascript:history.go(-1)" class="myleft"><i class=" glyphicon glyphicon-menu-left"></i>返回</a>
		<h3>我的资料</h3>
		<span class="myicon glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
	</header>
	<div class="container">
		<div class="mui-input-row mui-password mynick-edit">
			<input type="text" class="mui-input-clear" value="admin" id="nickName"> 
			<span class="mynick_words">请输入14个字以内中文、英文活数字</span>
			<button class="myinfo-sure" id="savebutton">保存</button>
		</div>

	</div>
</body>
 
<script type="text/javascript" src="./mui/js/mui.min.js"></script>
<script>
	document.getElementById("savebutton").addEventListener('tap', function(e) {

				var v = document.getElementById("nickName").value;
				alert(v);
			});

</script>
</html>
 